
<style>
.resetpwd:HOVER {
	text-decoration: underline;
}
</style>
<div class="easyui-layout" data-options="fit:true">
	<div data-options="region:'center',border:false">
		<!-- Begin of toolbar -->
		<div id="user-toolbar">
			<div class="user-toolbar-button">
				<a href="#" class="easyui-linkbutton" iconCls="icon-add"
					onclick="openAdd()" plain="true">添加</a> <a href="#"
					class="easyui-linkbutton" iconCls="icon-edit" onclick="openEdit()"
					plain="true">修改</a> <a href="#" class="easyui-linkbutton"
					iconCls="icon-remove" onclick="del()" plain="true">删除</a> <a
					href="#" class="easyui-linkbutton" iconCls="icon-reload"
					onclick="user_reload()" plain="true">刷新</a>
			</div>
			<div class="user-toolbar-search">
				<form id="user-search-form" method="post">
					<label>用户账号：</label> <input name="usr.loginName" class="wu-text"
						style="width: 100px"> <label>用户名称：</label><input
						name="usr.fullName" class="wu-text" style="width: 100px">
					<a href="#" class="easyui-linkbutton" iconCls="icon-search"
						onclick="user_onsubmit()">查询</a>
				</form>
			</div>
		</div>
		<!-- End of toolbar -->
		<table id="user-datagrid" toolbar="#user-toolbar"
			data-options="total:10,pageSize:50"></table>
	</div>
</div>
<!-- Begin of easyui-dialog -->
<div id="user-add-dialog" class="easyui-dialog"
	data-options="closed:true,iconCls:'icon-save'"
	style="width: 400px; padding: 10px;">
	<form id="user-add-form" method="post">
		<table>
			<tr>
				<td><input type="hidden" name="id" class="wu-text"
					required="required" /></td>
			</tr>
			<tr>
				<td width="60" align="right">用户账号:</td>
				<td><input type="text" name="loginName"
					class="wu-text easyui-validatebox" missingMessage="用户账号必须填写"
					required="required" /></td>
			</tr>
			<tr>
				<td align="right">密码:</td>
				<td><input type="password" id="password" name="password"
					required="required" class="wu-text easyui-validatebox"
					missingMessage="密码必须填写" /></td>
			</tr>
			<tr>
				<td align="right">确定密码:</td>
				<td><input type="password" id="password2"
					class="wu-text easyui-validatebox" missingMessage="确定密码必须填写"
					required="required" /></td>
			</tr>
			<tr>
				<td align="right">用户名称:</td>
				<td><input type="text" name="fullName"
					class="wu-text easyui-validatebox" missingMessage="用户名称必须填写"
					required="required" /></td>
			</tr>
		</table>
	</form>
</div>
<!-- End of easyui-dialog -->


<div id="user-edit-dialog" class="easyui-dialog"
	data-options="closed:true,iconCls:'icon-save'"
	style="width: 400px; padding: 10px;">
	<form id="user-edit-form" method="post">
		<table>
			<tr>
				<td><input type="hidden" name="id" id="userid" class="wu-text" /></td>
			</tr>
			<tr>
				<td width="60" align="right">用户账号:</td>
				<td><input type="text" name="loginName" disabled="true"
					id="editloginName" class="wu-text easyui-validatebox"
					missingMessage="用户账号必须填写" required="required"  /></td>
			</tr>
			<tr>
				<td align="right">密码:</td>
				<td><a href="#" class="resetpwd" onclick="resetpwd();"
					plain="true" style="color: red;">重置密码</a></td>
			</tr>
			<tr>
				<td align="right">用户名称:</td>
				<td><input type="text" name="fullName"
					class="wu-text easyui-validatebox" missingMessage="用户名称必须填写"
					required="required" /></td>
			</tr>
		</table>
	</form>
</div>


<script type="text/javascript">
	function user_onsubmit() {
		$('#user-datagrid').datagrid({
			queryParams : $('#user-search-form').serializeObject()
		}); //点击搜索
		/**
		$('#user-search-form').form('submit', {
			url : 'system/user/search',
			success : function(data) {
				//console.log('data', data);
				if (data) {
					data = $.parseJSON(data);
					$('#user-datagrid').datagrid('loadData', data);
					//user_reload();
				} else {
					$.messager.alert('信息提示', '提交失败！', 'info');
				}
			}
		})
		**/
	}
	/**
	 * 重置密码
	 */
	function resetpwd() {
		$.messager.confirm('信息提示', '确定要重置此用户的密码吗？', function(result) {
			var uid = $("#userid").val();
			if (result) {
				//alert(ids);return;
				$.ajax({
					url : 'system/user/resetpwd',
					dataType : 'json',
					data : {
						'id' : uid
					},
					traditional : true,
					success : function(data) {
						console.log('data', data);
						if (data) {
							if (data.success == true) {
								$.messager.alert('信息提示', '重置成功！', 'info');
								reload();
							}
						} else {
							$.messager.alert('信息提示', '重置失败！', 'info');
						}
					}
				});
			}
		});
	}

	function user_query_param() {
		$('#user-datagrid').datagrid({
			queryParams : $('#user-search-form').serializeObject()
		}); //点击搜索
	}
	/**
	 *刷新datagrid
	 */
	function user_reload() {
		$('#user-datagrid').datagrid({
			queryParams : $('#user-search-form').serializeObject()
		}); //点击搜索
	}
	/**
	 * Name 添加记录
	 */

	function add() {

		var pwd = $('#password').val();
		var pwd2 = $('#password2').val();
		if (pwd != pwd2) {
			$.messager.alert('信息提示', '两次密码不一致！', 'info');
			return;
		}

		$('#user-add-form').form('submit', {
			url : 'system/user/saveorupdate',
			dataType : 'json',
			success : function(data) {
				console.log(data);
				if (data) {
					data = $.parseJSON(data);
					console.log('data', data);
					if (data.success == true) {
						$.messager.alert('信息提示', '提交成功！', 'info');
						$('#user-add-dialog').dialog('close');

						user_reload();
					} else {
						$.messager.alert('信息提示', data.msg, 'info');
					}
				} else {
					$.messager.alert('信息提示', '提交失败！', 'info');
				}
			}
		});
	}

	/**
	 * Name 修改记录
	 */
	function edit() {
		$('#user-edit-form').form('submit', {
			url : 'system/user/saveorupdate',
			dataType : 'json',
			success : function(data) {
				if (data) {
					data = $.parseJSON(data);
					if (data.success == true) {
						$.messager.alert('信息提示', '提交成功！', 'info');
						$('#user-edit-dialog').dialog('close');

						user_reload();
					} else {
						$.messager.alert('信息提示', data.msg, 'info');
					}
				} else {
					$.messager.alert('信息提示', '提交失败！', 'info');
				}
			}
		});
	}

	/**
	 * Name 删除记录
	 */
	function del() {
		var items = $('#user-datagrid').datagrid('getSelections');
		var ids = new Array();
		$(items).each(function() {
			ids.push(this.id);
		});
		if (ids.length <= 0) {
			$.messager.alert('信息提示', '请选择要删除的选项', 'info');
			return;
		}
		$.messager.confirm('信息提示', '确定要删除该记录？', function(result) {
			if (result) {
				//alert(ids);return;
				$.ajax({
					url : 'system/user/delete',
					dataType : 'json',
					data : {
						'ids' : ids
					},
					traditional : true,
					success : function(data) {
						if (data) {
							$.messager.alert('信息提示', '删除成功！', 'info');
							user_reload();
						} else {
							$.messager.alert('信息提示', '删除失败！', 'info');
						}
					}
				});
			}
		});
	}

	/**
	 * Name 打开添加窗口
	 */
	function openAdd() {
		$('#user-add-form').form('clear');
		$('#user-add-dialog').dialog({
			closed : false,
			modal : true,
			title : "添加信息",
			buttons : [ {
				text : '确定',
				iconCls : 'icon-ok',
				handler : add
			}, {
				text : '取消',
				iconCls : 'icon-cancel',
				handler : function() {
					$('#user-add-dialog').dialog('close');
				}
			} ]
		});
	}

	/**
	 * Name 打开修改窗口
	 */
	function openEdit() {
		$('#user-edit-form').form('clear');
		var item = $('#user-datagrid').datagrid('getSelected');
		if (item == null || item == undefined) {
			$.messager.alert('信息提示', '请选择你要修改的信息！', 'info');
			return;
		}

		//$("#editloginName").textbox({'disabled':true});
		console.log('item.id', item.id);
		//alert(item.productid);return;
		$.ajax({
			url : 'system/user/edit',
			dataType : 'json',
			data : {
				'id' : item.id
			},
			success : function(data) {
				console.log(data);
				if (!data) {
					$('#user-edit-dialog').dialog('close');
				} else {
					//绑定值
					$('#user-edit-form').form('load', data);
				}
			}
		});
		$('#user-edit-dialog').dialog({
			closed : false,
			modal : true,
			title : "修改信息",
			buttons : [ {
				text : '确定',
				iconCls : 'icon-ok',
				handler : edit
			}, {
				text : '取消',
				iconCls : 'icon-cancel',
				handler : function() {
					$('#user-edit-dialog').dialog('close');
				}
			} ]
		});
	}

	/**
	 * Name 分页过滤器
	 */
	/**
	function pagerFilter(data) {
	if (typeof data.length == 'number' && typeof data.splice == 'function') {// is array                
		data = {
			total : data.length,
			rows : data
		}
	}
	var dg = $(this);
	var opts = dg.datagrid('options');
	var pager = dg.datagrid('getPager');
	pager.pagination({
		onSelectPage : function(pageNum, pageSize) {
			opts.pageNumber = pageNum;
			opts.pageSize = pageSize;
			pager.pagination('refresh', {
				pageNumber : pageNum,
				pageSize : pageSize
			});
			dg.datagrid('loadData', data);
		}
	});
	if (!data.originalRows) {
		data.originalRows = (data.rows);
	}
	var start = (opts.pageNumber - 1) * parseInt(opts.pageSize);
	var end = start + parseInt(opts.pageSize);
	data.rows = (data.originalRows.slice(start, end));
	return data;
	}**/

	/**
	 * Name 载入数据
	 */
	$('#user-datagrid').datagrid({
		url : 'system/user/getdata',
		rownumbers : true,
		singleSelect : true,
		pageSize : 50,
		pagination : true,
		multiSort : true,
		fitColumns : true,
		fit : true,
		columns : [ [ {
			checkbox : true
		}, {
			field : 'id',
			title : '用户编号',
			hidden : true,
			width : 100,
			sortable : true
		}, {
			field : 'loginName',
			title : '登录账号',
			width : 100,
			sortable : true
		}, {
			field : 'fullName',
			title : '用户名称',
			width : 180,
			sortable : true
		}, {
			field : 'createDate',
			title : '创建时间',
			width : 100
		} ] ]
	});
</script>